Helpful Information
 
 
Category: CSS Help
css "changing styles in mid site"

if i define a style in my <head> such as...:

<style type="text/css">
//<!--

A:link {text-decoration: none; color: black}
A:visited {text-decoration: none; color: black}
A:hover {text-decoration: none; color: red}

//-->
</style>

... how do i change styles in the middle of my document...

example:

<body>
<a STYLE='text-decoration:none;color:#ff0000;hover:#0000ff;' href="/advancedsite.htm">Advanced Site</a>

... this does change the color of the link, but it does not change color when i hover over the link...

how do i change my code so that the "hover" position can be different for all of the links...?

thanks

Love to be proved wrong ... but I do not think that this is possible , you could emulate it by using stacked layers in the same position and then use javascript instead of <a href... to swap the layers and redirect on click.

Hoping to be shown otherwise !
Simon

------------------
Simon Wheeler
FirePages -DHTML/PHP/MySQL

Actually... i already figured it out...

the key is different style definitions...

A.Mainlevel:link {text-decoration: none; color: white}
A.Mainlevel:visited {text-decoration: none; color: white}
A.Mainlevel:hover {text-decoration: none; color: red}

A.text:link {text-decoration: none; color: blue}
A.text:visited {text-decoration: none; color: blue}
A.text:hover {text-decoration: none; color: red}

then inputting the style in the links...

<A CLASS="Mainlevel" href="blah....blah...

thank you for your time though... i hope this helps you...

There's a mistake in your style element. Specifically, the "//" at the beginning should be visible when the document is viewed in a browser that doesn't support style elements.










privacy (GDPR)